<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessList.css" rel="stylesheet">
    <title>饿了么 商家列表</title>
</head>
<body>
<div class="wrapper">
    <!-- header部分 -->
    <header>
        <p>商家列表</p>
    </header>

    <div class="blank1"></div>

    <!-- 商家列表部分 -->
    <ul class="business">
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://img.meituan.net/600.600/msmerchant/3b39d5d539c904a76139311a77c9261e435542.jpg@220w_125h_1e_1c">
                <div class="business-img-quantity">3</div>
            </div>
            <div class="business-info">
                <h3>泰国海鲜火锅（翠湖店）</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>经济实惠，火锅外卖</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/ugcpic/33ec068b738806b9f6b8d527e4ec097c@220w_125h_1e_1c">
                <div class="business-img-quantity">1</div>
            </div>
            <div class="business-info">
                <h3>杨铭宇黄焖鸡米饭（汇尔佳店）</h3>
                <p>&#165;15起送 | &#165;10配送</p>
                <p>家乡的味道，黄焖鸡米饭</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/merchant/40913ea8226649f86335f88e35fe476f287953.jpg@220w_125h_1e_1c">
            </div>
            <div class="business-info">
                <h3>老味道砂锅菜</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>这味道，你懂得</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/biztone/8bf754d72c6fc3842729b1f3c7ffd61b58530.jpg@220w_125h_1e_1c">
            </div>
            <div class="business-info">
                <h3>东北大叔烤冷面</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>正宗东北烤冷面</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/biztone/1855088147_1652688343899.jpeg@220w_125h_1e_1c">
                <div class="business-img-quantity">12</div>
            </div>
            <div class="business-info">
                <h3>瑭屋烧烤（瑞丰店）</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>火辣烧烤</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/deal/62023b87fe910c87de14cafe4d131325698568.jpg@220w_125h_1e_1c">
            </div>
            <div class="business-info">
                <h3>汇来大嘴私房米线</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>美味特色米线</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p1.meituan.net/600.600/biztone/52386255_1645500654130.jpeg@220w_125h_1e_1c">
            </div>
            <div class="business-info">
                <h3>十秋精致料理（柏联店）</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>精致日料，外国味道</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p0.meituan.net/600.600/merchant/01b3f0898e4b79ad8aba85c1672c7a01239390.jpg@220w_125h_1e_1c">
                <div class="business-img-quantity">4</div>
            </div>
            <div class="business-info">
                <h3>不二汤包（爱琴海购物公园店）</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>一口爆汁！</p>
            </div>
        </li>
        <li onclick="location.href='businessInfo.html'">
            <div class="business-img">
                <img src="https://p1.meituan.net/600.600/xianfu/4113f439a951cdb8eccddc63165d3ef5321108.jpg@220w_125h_1e_1c">
            </div>
            <div class="business-info">
                <h3>罗家小铺甩手粑粑</h3>
                <p>&#165;30起送 | &#165;15配送</p>
                <p>正宗云南特产</p>
            </div>
        </li>
    </ul>

    <div class="blank"></div>

    <!-- 底部菜单部分 -->
    <ul class="footer">
        <li onclick="location.href='index.html'">
            <i class="fa fa-home"></i>
            <p>首页</p>
        </li>
        <li>
            <i class="fa fa-compass"></i>
            <p>发现</p>
        </li>
        <li onclick="location.href='orderList.html'">
            <i class="fa fa-file-text-o"></i>
            <p>订单</p>
        </li>
        <li>
            <i class="fa fa-user-o"></i>
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>